// 导出属于员工的路由规则
import Layout from '@/layout'
//  {  path: '', component: '' }
// 每个子模块 外层是layout  组件位于layout的二级路由里面
export default {
  path: '/employees', // 路径
  name: 'employees', // 给路由规则加一个name
  component: Layout, // 组件
  // 配置二级路的路由表
  children: [{
    name: 'employees',
    path: '', // 这里当二级路由的path什么都不写的时候 表示该路由为当前二级路由的默认路由
    component: () => import('@/views/employees'),
    // 路由元信息  其实就是存储数据的对象 可以在这里放置一些信息
    meta: {
      title: '员工管理', // meta属性里面的属性 随意定义 这里用 title 是因为左侧导航会读取路由里的 meta 里面的 title 作为显示菜单名称
      icon: 'people'
    }
  },
  {
    path: 'detail/:id', // query传参动态路由传参 'detail/:id?' --- 有无id都能访问
    component: () => import('@/views/employees/detail'),
    hidden: true, // 不在左侧菜单显示
    meta: {
      title: '员工详情' // 标记当前路由规则的中文名称 后续在做左侧菜单时使用
    }
  },
  {
    path: 'print/:id', // 二级默认路由
    component: () => import('@/views/employees/print'), // 按需加载
    hidden: true,
    meta: {
      title: '打印', // 标记当前路由规则的中文名称 后续在做左侧菜单时 使用
      icon: 'people'
    }
  }
  ]
}

// 当访问地址是 /employees的时候 layout组件会显示， 此时二级路由的默认组件也会显示
